<template>
	<div id="help">
		<van-nav-bar
		  title="帮助与反馈"
		  left-arrow
		  @click-left="onClickLeft"
		/>
		<div class="content">
			<img src="../../../assets/logo.png" alt="">
			<div class="content_text">
				<div class="text_top">
					Hi~智能客服小琴很高兴为你服务~你可以通过输入框描述问题，小琴也猜一猜~
				</div>
				<div style="margin-top: 0.2666rem;">
					<h4>你可能想问</h4>
					<ul style="padding: 0.32rem 0.2666rem;color: #007AFF;">
						<li>· 1.查询门店信息</li>
						<li>· 2.配送员位置以及联系方式</li>
						<li>· 3.退款没有实时到账</li>
						<li>· 4.买4送1活动</li>
						<li>· 5.优惠券怎么领取</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="feedback">
			<input type="text" placeholder="请输入你的问题" style="border-radius: 1.3333rem;width: 75%;height: 0.9333rem;margin-top: 0.2666rem; background: #F0F0F0;border: none;padding-left: 1.0666rem;">
			<van-button round style="background-color: #ADD8E6;color: white;float: right;margin-top: 0.1466rem;width: 20%;margin-right: 0.1333rem;">确定</van-button>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'help',
		data(){
			return{
				
			}
		},
		components:{
			
		},
		methods:{
			onClickLeft(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style scoped="scoped">
	#help{
		width: 100%;
		height: 100vh;
	}
	.feedback{
		bottom: 0;
		background: white;
		width: 100%;
		height: 1.3333rem;
		position: absolute;	
	}
	.content{
		width: 100%;
		height: 5.3333rem;
		margin-top: 0.2666rem;
	}
	.content img{
		width: 1.3333rem;
		height: 1.3333rem;
		border-radius: 50%;
		background-color: white;
		float: left;
	}
	.content_text{
		width: 75%;
		height: 5.3333rem;
		float: left;
		background-color: white;
		border-radius: 0 0.4rem 0.4rem 0.4rem;
		margin-left: 0.2666rem;
		font-size: 0.3733rem;

	}
	.text_top{
		width: 100%;
		height: 26%;
		padding: 0.32rem 0.2666rem 0 0.2666rem;
		border-bottom: 0.0266rem solid #A9A9A9;
	}
</style>
